* {
    box-sizing:border-box;
}

body,input,ul,li,h2,p,ul,li {
    font-size:14px;
    margin:0;
    padding:0;
    border:0;
}
ol,ul,li {
    list-style: none;
}
img {
    max-width:100%;
    vertical-align:middle;
}
a {
    text-decoration:none;
    color:#666;
    display: block;
}
.clr {
    width:0;
    height:0;
    padding:0;
    margin:0;
    border:0;
    clear:both;
}
.header {
    width:100%;
    height:0.85rem;
    padding:0 0.2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.header .left {
    width:0.44rem;
    height:0.44rem;
}
.header .search {
    width:0.44rem;
    height:0.44rem;
}
.banner {
    text-align: center;
    height: 3.32rem;
    border-bottom: 1px solid #eee;
}
.banner img {
    width:3.2rem;
    height:3.2rem;
    margin-top: -0.3rem;
}
.name {
    display:flex;
    justify-content:space-between;
    padding: 0.3rem 0.2rem 0.17rem;
}
.name p {
    font-size: 0.3rem;
    color:#333;
}
.name p span {
    color:#ff5722;
}
.name img {
    width:0.48rem;
    height: 0.48rem;
}
.wrapper > p {
    padding:0 0.2rem;
    font-size:0.22rem;
    line-height:0.3rem;
    font-weight: 400;
    color: #B4B4B4;
    margin-bottom:0.1rem;
}
.wrapper > p >span {
    color:rgb(255, 74, 0);
}
.lis-color {
    padding:0.2rem 0.2rem 0;
    margin-bottom: 0.3rem;
}
.lis-color ul li {
    font-size: 0.24rem;
    line-height:0.6rem;
    padding:0 0.3rem ;
    float:left;
    background:#f2f2f2;
    opacity:0.9;
    margin-right:0.2rem;
}
.rec {
    background-color: #ececec;
}
.rec p {
    font-size: 0.25rem;
    font-weight: 400;
    padding:0.3rem 0.2rem 0.1rem;
}
.rec .list-img {
    padding:0.1rem 0 0.3rem;
    white-space: nowrap;
    width: 93%;
    margin: .1rem auto .3rem;
    overflow: hidden;
}
.list-img a {
    width:25%;
    margin-right:3%;
    display:inline-block;
}
.nav ul {
    display:flex;
    padding:0 0.2rem 0.3rem;
    width:100%;
}
.nav ul li{
    flex:1;
}
.nav ul li p {
    text-align: center;
    font-size: 0.26rem;
    line-height:0.4rem;
    border-right:1px solid #e5e5e5;
}
.nav ul li:nth-child(2) p {
    color:#ff5722;
}
.nav ul li:nth-child(4) p{
    border:none;
}
.b-img {
    margin-bottom: 1.1rem;
}
.b-img img {
    width:100%;
}
.footer {
    display:flex;
    width:100%;
    height:1.1rem;
    background: white;
    border-top:1px solid #f6f6f6;
    padding:0.12rem 0 ;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
}
.footer p {
    flex:1;
    text-align:center;
    line-height:0.86rem;
    font-size: 0.3rem;
    background: #F4F4F4;
}
.footer a {
    padding: 0 0.42rem;
    line-height:0.86rem;
    vertical-align: middle;
}
.footer img {
    width:0.45rem;
    height:0.45rem;
}